@font-face {
    font-family: 'DINProMed';
    src: url('../font/DINProMed.eot');
    src:
    url('../font/DINProMed.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINProMed.woff') format('woff'),
    url('../font/DINProMed.ttf') format('truetype'),
    url('../font/DINProMed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}


input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}


.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;}

.header .menuIcon{width: 28px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon img{width: 100%;}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.banner{width: 100%;position: relative;overflow: hidden;}
.banner em{display: block;width: 100%;/* padding-bottom: 962px; */height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;transition: 1s linear 2s; transform: scale(1.05,1.05);}
.banner .swiper-slide-active em,.banner .swiper-slide-duplicate-active em{transition: 2s linear; transform: scale(1,1);}
.banner .btn{width: 50px;height: 50px;position: absolute;display: flex;top: 50%;transform: translateY(-50%);z-index: 2;justify-content: center;cursor: pointer;}
.banner .btn img{width: 26px;position: relative;z-index: 2;transition: 0.3s ease-in-out 0.3s;}
.banner .btn:after{width: 50px;height: 50px;content: '';position: absolute;left: 0;background:rgba(51,51,51,0.4);border-radius: 50%;top: 0;transition: 0.3s ease-in-out;}
.banner .btn.prev{left:2rem;}
.banner .btn.prev img{left: 0;}
.banner .btn.prev::after{transform-origin: left;}
.banner .btn.next{right: 2rem;}
.banner .btn.next img{right: 0;}
.banner .btn.next:after{transform-origin: right;}
.banner .btn:hover:after{transform: scale(1.5);}
.banner .btn.prev:hover img{left: 20%;}
.banner .btn.next:hover img{right: 20%;}

.fz45{font-size: 45px;}
.fz40{font-size: 40px;}
.fz36{font-size: 36px;}
.fz30{font-size: 30px;}
.fz28{font-size: 28px;}
.fz26{font-size: 26px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz21{font-size: 21px;}
.fz20{font-size: 20px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz15{font-size: 15px;}
.fz14{font-size: 14px;}

.header{line-height: 80px;color: #fff;position: fixed;left: 0;top:0;width: 100%;z-index: 9;}
.header > .w1400{display: flex;justify-content: space-between;align-items: center;}
.header .logo{width: 184px;position: relative;}
.header .logo span{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;}
.header .logo .black{opacity: 0;visibility: hidden;}
.header .right{display: flex;align-items: center;}
.header .searchBtn{width: 40px;height: 40px;background: url(../images/searchBtn.svg) no-repeat center;background-size: 100%;cursor: pointer;margin-left: 25px;}
.header .nLi{position: relative;}
.header .nLi h3 a{font-weight: normal;padding: 0 28px;position: relative;}
.header .nLi h3 a i{width: 21px;height: 29px;position: absolute;left: -2px;top:50%;margin-top: -16px;opacity: 0;filter: brightness(0) invert(1);}
.header .nLi h3 a i:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/navIcon1.png) no-repeat center;-webkit-animation:floatAni 1.8s infinite ease-in-out 0.2s;animation:floatAni  1.8s infinite ease-in-out 0.2s;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;}
.header .nLi .navSub{position: absolute;left: 0;top:80px;width: 100%;background: #fff;text-align: center;color: #333;display: none;}
.header .nLi .navSub ul li{padding: 8px 0;}
.header .nLi .navSub a{display: block;line-height: 24px;padding: 0 4px;position: relative;}
.header .nLi .navSub a:hover{color: #F7B500;}
.header .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #F7B500;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}

@-webkit-keyframes floatAni{
	0%{-webkit-transform:rotate(-24deg) ; opacity: 0.9;	filter: alpha(opacity=90);}
	50%{-webkit-transform:rotate(24deg);opacity: 1;	filter: alpha(opacity=100);}
	100%{-webkit-transform: rotate(-24deg);opacity:0.9;	filter: alpha(opacity=90);}
}
@keyframes floatAni{
	0%{transform:rotate(-24deg) ; opacity: 0.9;	filter: alpha(opacity=90); }
	50%{transform:rotate(24deg);opacity: 1;	filter: alpha(opacity=100);}
	100%{transform: rotate(-24deg);opacity:0.9;	filter: alpha(opacity=90);}
}
.header.scroll .nLi.on h3 a,.header .nLi:hover h3 a{color: #F7B500;}
.header .nLi.on h3 a i,.header .nLi:hover h3 a i{opacity: 1;}
.header.scroll,.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #333333;}
.header.scroll .logo .white,.header:hover .logo .white{opacity: 0;visibility: hidden;}
.header.scroll .logo .black,.header:hover .logo .black{opacity: 1;visibility: visible;}
.header.scroll .nLi h3 a i,.header:hover .nLi h3 a i{filter: brightness(1) invert(0);}
/* .header.nyHeader{position: relative;} */
.nyPage{padding-top: 80px;}

.iTitle{margin-bottom: 40px;display: flex;justify-content: space-between;align-items: flex-end;font-family: "Source Han Sans CN";}
.iTitle .ch{line-height: 1;color: #313131;margin-bottom: 17px;}
.iTitle .en{line-height: 16px;color: #CCCCCC;font-weight: normal;text-transform: uppercase;}

.iMore{display: flex;align-items: center;justify-content: center;line-height: 36px;color: #CCCCCC;}
.iMore .icon{margin-left: 12px;width: 57px;height: 36px;position: relative;}
.iMore .icon i{width: 40px;height: 16px;position: absolute;left: 0;top:50%;margin-top: -8px;background: url(../images/arrow1.svg) no-repeat center;opacity: 0.6;z-index: 2;}
.iMore .icon b{width: 36px;height: 36px;position: absolute;right: 0;top:0;box-sizing: border-box;border: 1px solid #CCCCCC;border-radius: 50%;}
.iMore .icon b:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #FCCA00;border-radius: 50%;transform: scale(0);opacity: 0;}
.iMore:hover{color: #333333;}
.iMore:hover .icon i{opacity: 1;}
.iMore:hover .icon b{border-color: #FCCA00;transform: scale(1.6);transform-origin:right center;}
.iMore:hover .icon b:before{transform: scale(1);opacity: 1;}
.iMore:hover .icon i{transform: scale(0.8) translateX(10px);filter: brightness(0) invert(1);}


.pageStyle{color: #333;line-height: 32px;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto;}
.pageStyle ul,.pageStyle li{list-style: disc;}


.bgStyle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.btnStyle .btn{width: 36px;height: 36px;position: relative;margin-left: 30px;cursor: pointer;text-align: center;line-height: 36px;font-size: 0;}
.btnStyle .btn:first-child{margin-left: 0;}
.btnStyle .btn img{filter: brightness(0) invert(1);}
.btnStyle .btn:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing: border-box;border: 2px solid #FFFFFF;border-radius: 50%;}
.btnStyle .btn svg{position: absolute;left: 0;top:0;width: 100%;height: 100%;
fill: transparent;stroke-width: 2px;stroke: #FCCA00;stroke-dasharray: 130;stroke-dashoffset: -130;transform: rotate(12deg);transition: 0.3s;}
.btnStyle .btn:hover svg{animation: loopSvg 0.8s forwards;}
@keyframes loopSvg{to{stroke-dashoffset: 0;}}
.btnStyle .btn:hover img{filter: brightness(1) invert(0);}
.btnStyle .btn:hover:before{opacity: 0;transform: scale(0.6);}

.btnStyle.black .btn:before{border-color: #E4E4E4;}
.btnStyle.black .btn img{filter: brightness(0) invert(0.5);opacity: 0.5;}
.btnStyle.black .btn:hover img{opacity: 1;filter: brightness(1) invert(0);}


.tabStyle{line-height: 36px;color: #333333;font-weight: bold;}
.tabStyle li{margin-left: 30px;}
.tabStyle li:first-child{margin-left: 0;}
.tabStyle li a{display: inline-block;position: relative;}
.tabStyle li a:before{content: "";width: 25px;height: 36px;position: absolute;left: 0;top:50%;margin-top: -20px;background: url(../images/tabIcon.svg) no-repeat center;opacity: 0;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;}
.tabStyle li.active a{padding-left: 36px;color: #FCCA00;}
.tabStyle li.active a:before{-webkit-animation: floatAni 1s infinite ease-in-out 0.2s;animation: floatAni 1s infinite ease-in-out 0.2s;}

.ulStyle li{border-top: 1px dashed #E4E4E4;}
.ulStyle li:first-child{border: none;}
.ulStyle li a{display: block;padding: 12px 0;line-height: 30px;}
.ulStyle li h5{color: #333333;font-weight: normal;padding-right: 100px;position: relative;}
.ulStyle li h5 span{color: #CCCCCC;position: absolute;right: 0;top:0;}
.ulStyle li p{color: #666666;}
.ulStyle li a:hover h5{font-weight: bold;}

.isect1{padding: 80px 0 60px;background: #F5F5F5;}
.isect1 .content{background: #FFFFFF;}
.isect1 .content .left{width: 55%;}
.isect1 .content .left .container{position: relative;overflow: hidden;}
.isect1 .content .left .container .swiper-pagination{width: auto;line-height: 56px;left: auto;right: 10px;bottom: 0;z-index: 2;}
.isect1 .content .left .container .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 0 0 5px;background: #fff;border-radius: 4px;transition:all 0.3s linear;opacity: 0.6;}
.isect1 .content .left .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 25px;opacity: 1;}
.isect1 .content .left .pic{display: block;padding-bottom: 486px;position: relative;overflow: hidden;}
.isect1 .content .left .pic h5{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;box-sizing: border-box;padding: 0 100px 0 40px;background: rgba(0,0,0,0.4);line-height: 64px;color: #fff;}


.isect1 .content .right{width: 45%;box-sizing: border-box;padding: 40px 40px 0;}
.isect1 .content .right .title{padding-bottom: 28px;border-bottom: 1px dashed #E4E4E4;margin-bottom: 18px;}
.isect1 .container{position: relative;overflow: hidden;}
.isect1 .scroll{position: relative;overflow: hidden;height: 186px;margin-top: 28px;}
.isect1 .scroll a{display: block;padding-bottom: 186px;position: relative;overflow: hidden;border-radius: 20px;}


.isect2{padding: 80px 0 50px;position: relative;overflow: hidden;}
.isect2:before{content: "";width: 100%;height: 724px;position: absolute;left: 0;bottom: 0;background: url(../images/isect2Bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.isect2 .w1400{position: relative;z-index: 2;}
.isect2 .iTitle{margin-bottom: 18px;}
.isect2 .tabs{margin-bottom: 35px;text-align: center;}
.isect2 .tabs li{display: inline-block;padding: 0 29px;}
.isect2 .tabs li a{display: block;position: relative;padding-bottom: 12px;line-height: 32px;color: #333333;font-weight: bold;}
.isect2 .tabs li a::before{content: "";width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;background: #F7B500;transform: scale(0,1);opacity: 0;}
.isect2 .tabs li.active a{color: #F7B500;}
.isect2 .tabs li.active a:before{transform: scale(1);opacity: 1;}
.isect2 .container,.isect2 .innerScroll{position: relative;overflow: hidden;}
.isect2 .innerScroll{padding-bottom: 72px;position: relative;}
.isect2 .innerScroll .btnStyle{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.prodItem{display: block;text-align: center;background: #FFFFFF;border-radius: 12px;overflow: hidden;}
.prodItem .pic{padding-bottom: 77.2%;position: relative;overflow: hidden;background: #EAF7EF;}
.prodItem .pic span{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.prodItem .pic span img{max-width: 80%;max-height: 80%;}
.prodItem .text{padding: 18px 12px;}
.prodItem .text h5{margin-bottom: 20px;line-height: 28px;color: #333333;}
.prodItem .text .btnStyle{position: static;transform: translateX(0);}
.prodItem .btnStyle .btn{float: none;margin: 0 auto;}
.prodItem:hover .text h5{color: #F7B500;}
.prodItem:hover .btnStyle .btn svg{animation: loopSvg 3s forwards;}
@keyframes loopSvg{to{stroke-dashoffset: 0;}}
.prodItem:hover .btnStyle .btn img{filter: brightness(1) invert(0);}
.prodItem:hover .btnStyle .btn:before{opacity: 0;transform: scale(0.6);}
.style2 a .pic{background: #FFFBE7;}
.style3 a .pic{background: #FFF2F0;}
.style4 a .pic{background: #FFFBE7;}

.isect3{padding: 80px 0 88px;}
.isect3 .container{position: relative;overflow: hidden;}
.isect3 .container a{display: block;overflow: hidden;padding: 32px 20px 30px 28px;background: #F5F5F5;border-radius: 12px;position: relative;overflow: hidden;text-align: center;}
.isect3 .container a .bg{width: 92%;position: absolute;right: 0;bottom: 0;opacity: 0.03;filter: brightness(0) invert(0.5);}
.isect3 .container a .logo{position: relative;z-index: 2;width: 190px;height: 190px;border-radius: 50%;}
.isect3 .container a h5{position: relative;z-index: 2;line-height: 32px;margin: 20px 0;color: #333333;}
.isect3 .container a li{line-height: 30px;color: #666666;padding-left: 20px;position: relative;z-index: 2;text-align: left;}
.isect3 .container a li:before{content: "";width: 4px;height: 4px;background: #666666;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -2px;}
.isect3 .container a:hover h5{color: #F7B500;}
.isect3 .container a:hover .bg{filter: brightness(1) invert(0);opacity: 0.08;}

.isect4{padding: 106px 0 62px;background: url(../images/isect4Bg.jpg) no-repeat center;background-size: cover;}
.isect4 .content{display: flex;justify-content: space-between;}
.isect4 .content .leftBox{width: 55%;box-sizing: border-box;padding: 38px 40px 13px;background: #FFFFFF;border-radius: 12px;position: relative;}
.isect4 .content .leftBox .title{padding-bottom: 20px;border-bottom: 1px dashed #E4E4E4;display: flex;justify-content: space-between;align-items: flex-end;}
.isect4 .content .container{position: relative;overflow: hidden;}
.isect4 .content .rightBox{width: 41.8%;box-sizing: border-box;padding: 40px;border-radius: 12px;background: #FFFFFF;}
.isect4 .content .rightBox .iTitle{margin-bottom: 20px;align-items: center;}
.isect4 .content .rightBox .iTitle .ch{margin-bottom: 0;}
.isect4 .content .rightBox .container{position: relative;overflow: hidden;}
.isect4 .content .rightBox .container .pic{display: block;position: relative;overflow: hidden;padding-bottom: 232px;}

.isect5{position: relative;}
.isect5 .pic{width: 50%;height: 100%;position: absolute;right: 0;top:0;overflow: hidden;cursor: pointer;}
.isect5 .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.2);opacity: 0;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transform: scale(0.9);z-index: 2;}
.isect5 .pic .icon{position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);z-index: 3;display: none;}
.isect5 .pic:hover:before{opacity: 1;transform: scale(1);}
.isect5 .pic:hover em{transform: scale(1.05);}
.isect5 .pic:hover .icon{transform: translate(-50%, -50%) scale(0.8);}
.isect5 .text{width: 43.6%;padding: 77px 0 0;height: 665px;box-sizing: border-box;background: url(../images/isect5Bg.svg) no-repeat left bottom;}
.isect5 .text .desc{line-height: 30px;color: #666666;height: 330px;overflow: hidden;}
.isect5 .text .desc p{text-indent: 2em;}
.isect5 .text .iMore{margin: 40px 0 0;justify-content: flex-start;}

.footer{background: #F1F1F1;color: #333333;line-height: 30px;}
.footer .top{padding: 30px 0 36px;}
.footer .top .logo img{height: 71px;}
.footer .select{width: 17.6%;margin-left: 2.7%;margin-top: 10px;position: relative;}
.footer .select dt{position: relative;height: 45px;border: 1px solid #CCCCCC;padding: 0 34px 0 24px;cursor: pointer;line-height: 45px;color: #333333;}
.footer .select dt:before{content: "";width: 9px;height: 9px;border-left: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;position: absolute;right: 20px;top:50%;margin-top: -8px;transform: rotateZ(-45deg);}
.footer .select dd{position: absolute;left: 0;top:47px;width: 100%;background: #FFFFFF;display: none;}
.footer .select dd ul{max-height: 220px;overflow: auto;}
.footer .select dd ul a{display: block;line-height: 27px;color: #313131;padding: 10px 10px 10px 24px;}
.footer .select dd ul a:hover{background: #FCCA00;color: #fff;}
.footer .select dd ul::-webkit-scrollbar{width:2px;height:3px}
.footer .select dd ul::-webkit-scrollbar-button:vertical{display:none}
.footer .select dd ul::-webkit-scrollbar-corner,
.footer .select dd ul::-webkit-scrollbar-track{background-color:#fff}
.footer .select dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#FCCA00; }
.footer .select dd ul::-webkit-scrollbar-thumb:vertical:hover{ }
.footer .select dd ul::-webkit-scrollbar-thumb:vertical:active{ }
.footer .med{padding-bottom: 15px;text-align: center;}
.footer .med .icon{padding-bottom: 14px;}
.footer .med .icon a{display: inline-block;margin: 0 16px;position: relative;}
.footer .med .icon a .codeImg{position: absolute;left: 50%;margin-left: -75px;bottom: 30px;z-index: 8;display: none;}
.footer .med .icon a .codeImg .pic{width: 130px;height: 130px;background: #fff;padding: 5px;}
.footer .med .icon a .codeImg .pic img{width: 100%;height: 100%;}
.footer .med .icon a .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;}

.footer .med .text span{margin: 0 37px;}
.footer .copy{border-top: 1px solid #E4E4E4;padding: 8px 0;text-align: center;}
.footer .copy span{margin: 0 20px;}
.footer .copy span img{margin-right: 5px;}

.float{position: fixed;right: -80px;top:50%;z-index: 9;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.float.show{right: 1%;}
.float li{margin-top: 10px;position: relative;}
.float li:first-child{margin-top: 0;}
.float dt{width: 70px;height: 70px;background: #FFFFFF;box-sizing: border-box;border: 1px solid #E4E4E4;border-radius: 4px;text-align: center;color: #666666;display: flex;align-items: center;justify-content: center;line-height: 20px;cursor: pointer;}
.float dt img{margin-bottom: 4px;}
.float .qrcode{position: absolute;right: 70px;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);padding-right: 16px;display: none;}
.float .qrcode:before{content: "";border: 10px solid transparent;border-left-color: #fff;position: absolute;right: -4px;top:50%;margin-top: -10px;}
.float .qrcode .pic{width: 140px;background: #fff;}
.float .qrcode .pic img{width: 100%;}
.float .tel{position: absolute;top: 0;right: 70px;width: 180px;height: 70px;background: #FCCA00;border-radius: 4px;padding: 0 20px;font-size: 24px;color: #fff;line-height: 70px;font-family: "DINProBold";display: none;}
.float > li dt:hover{background: #FCCA00;border-color: #FCCA00;color: #fff;}
.float > li dt:hover img{filter: brightness(0) invert(1);}

.nyPage{overflow: hidden;}
.nyBanner{width: 100%;height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;}

.bread{position: relative;z-index: 2;line-height: 65px;}
.bread > .w1400{position: relative;}
.bread > .w1400:before{content: "";width: 1920px;height: 100%;box-sizing: border-box;border-bottom: 1px solid #E8E9EA;background: #fff;position: absolute;left:50px;bottom: 0;}
.bread .left{position: absolute;left: 0;bottom: 0;z-index: 2;min-width: 260px;height: 165px;box-sizing: border-box;padding: 32px 20px 0 23px;background: #FCCA00;border-radius: 0 40px 0 40px;color: #fff;}
.bread .left h3{line-height: 63px;}
.bread .left .path{line-height: 31px;}
.bread .left .path span{margin: 0 4px;}
.bread .left .path a:hover{opacity: 0.8;}
.bread .left .path img{margin-top: -0.25em;}
.bread .goBack{margin-left: 50px;color: #6A6B6C;position: relative;z-index: 2;}
.bread .goBack img{margin: -0.25em 14px 0 0;filter: brightness(0) invert(0.5);}
.bread .goBack:hover{color: #FCCA00;}
.bread .goBack:hover img{filter: brightness(1) invert(0);}
.bread ul li{margin-right: 50px;position: relative;z-index: 2;}
.bread ul li:last-child{margin-right: 0;}
.bread ul a{display: block;position: relative;color: #313131;}
.bread ul a:before{content: "";width: 100%;height: 1px;background: #FCCA00;border-radius: 2px;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.bread ul li.on a,.bread ul li a:hover{color: #FCCA00;}
.bread ul li.on a:before,.bread ul li a:hover:before{transform: scale(1);opacity: 1;}

.nyTitle{margin-bottom: 60px;padding-left: 66px;background: url(../images/titleIcon.png) no-repeat left center;position: relative;line-height: 76px;height: 76px;}
.nyTitle .ch{color: #333333;position: relative;z-index: 2;font-weight: normal;}
.nyTitle .en{position: absolute;left: 66px;top:0;font-size: 88px;color: #FCCA00;font-family: "Impact", "Arial";opacity: 0.06;white-space: nowrap;}

.aboutWrap .item1{padding: 97px 0 90px;background: url(../images/aboutBg1.svg) no-repeat right top;}
.aboutWrap .item1 ul{display: flex;flex-wrap: wrap;}
.aboutWrap .item1 ul li{width: 33.33%;box-sizing: border-box;height: 350px;}
.aboutWrap .item1 ul li.li1{border-left: 4px solid #E7E8E9;border-top: 4px solid #E7E8E9;}
.aboutWrap .item1 ul li.li2{margin-right: 33.33%;}
.aboutWrap .item1 ul li.li4{border-bottom: 4px solid #E7E8E9;border-right: 4px solid #E7E8E9;}
.aboutWrap .item1 ul li.pic{line-height: 346px;text-align: center;background: #fff;}
.aboutWrap .item1 ul li.pic img{max-width: 100%;max-height: 100%;}
.aboutWrap .item1 ul li.text{background-color: #F7A7A1;color: #FFFFFF;line-height: 25px;padding: 30px 0;}
.aboutWrap .item1 ul li.text .wrap{padding: 0 40px;height: 100%;overflow: auto;}
.aboutWrap .item1 ul li.text .title{padding: 37px 0 19px 0;margin-bottom: 36px;border-bottom: 1px solid #fff;position: relative;}
.aboutWrap .item1 ul li.text .title:before{content: "";border: 6px solid transparent;border-top-color: #fff;position: absolute;left: 25px;bottom: -12px;}
.aboutWrap .item1 ul li.text .title .num{font-size: 85px;color: #FFFFFF;line-height: 65px;font-family: "Helvetica";font-weight: bold;font-style: italic;opacity: 0.2;position: absolute;left: 0;top:0;}
.aboutWrap .item1 ul li.text .title .ch{line-height: 1;font-weight: normal;margin-bottom: 12px;}
.aboutWrap .item1 ul li.text .title .en{font-size: 14px;line-height: 16px;font-weight: normal;text-transform: uppercase;letter-spacing: 3px;}
.aboutWrap .item1 ul li.text .pageStyle{color: #fff;line-height: 26px;}
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar{width:2px;height:3px}
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-button:vertical{display:none}
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-corner,
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-track{background-color:#fff}
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#F7A7A1; }
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-thumb:vertical:hover{ }
.aboutWrap .item1 ul li.text .wrap::-webkit-scrollbar-thumb:vertical:active{ }
.aboutWrap .item1 ul li.li3{background: #F9A11B;}
.aboutWrap .item1 ul li.li5{background: #FCCA00 url(../images/logoBg.svg) no-repeat left bottom;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1;color: #231815;cursor: pointer;}
.aboutWrap .item1 ul li.li5 i{display: block;width: 114px;height: 114px;margin: 0 auto 18px;position: relative;}
.aboutWrap .item1 ul li.li5 i img{width: 100%;height: 100%;position: relative;z-index: 3;}
.aboutWrap .item1 ul li.li5 i:after,
.aboutWrap .item1 ul li.li5 i:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #FFE16A;border-radius: 50%;opacity: .5;}
.aboutWrap .item1 ul li.li5 i:before{transition: 0.5s;animation: scaleBtn 2s linear infinite;}
.aboutWrap .item1 ul li.li5 i:after{animation: scaleBtn 2s linear infinite 1s;}
@keyframes scaleBtn{to{transform: scale(1.6,1.6);opacity: 0;}}

.aboutWrap .item2{position: relative;background: #F6F6F6;}
.aboutWrap .item2 .pic{width: 50%;height: 100%;position: absolute;left: 0;top:0;overflow: hidden;}
.aboutWrap .item2 .text{width: 50%;min-height: 650px;box-sizing: border-box;padding: 70px 0 0 50px;}
.aboutWrap .item2 .text .point{margin-bottom: 25px;line-height: 32px;color: #333333;}
.aboutWrap .item2 .text .cont{color: #666666;line-height: 26px;}

.aboutWrap .item3{margin-top: 95px;}
.aboutWrap .item3 .titleWrap{margin-bottom: 56px;display: flex;align-items: center;justify-content: space-between;}
.aboutWrap .item3 .titleWrap .nyTitle{margin-bottom: 0;}
.aboutWrap .item3 .titleWrap .slogan{font-size: 34px;color: #231815;line-height: 70px;margin-right: 24%;}
.aboutWrap .item3 .titleWrap .slogan span{font-size: 88px;color: #F9A11B;nt-family: "Helvetica";font-weight: bold;font-style: italic;margin: 0 10px;line-height: 70px;}
.aboutWrap .item3 .content{background: #F6F5F3 url(../images/logoBg1.svg) no-repeat left bottom;position: relative;}
.aboutWrap .item3 .picScroll{width: 68.43%;height: 100%;position: absolute;right: 0;top:0;overflow: hidden;}
.aboutWrap .item3 .picScroll .swiper-slide{height: 100%;}
.aboutWrap .item3 .picScroll em{display: block;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutWrap .item3 .tabs{padding: 70px 0;}
.aboutWrap .item3 .tabs li{position: relative;width: 393px;margin-top: 40px;overflow: hidden;background: #FFFFFF;border-radius: 9px;z-index: 4;box-sizing: border-box;padding: 30px 12px 25px 32px;line-height: 25px;color: #666666;cursor: pointer;}
.aboutWrap .item3 .tabs li:first-child{margin-top: 0;}
.aboutWrap .item3 .tabs li:before{content: "";width: 9px;height: 100%;background: #76C5F0;position: absolute;left: 0;top:0;}
.aboutWrap .item3 .tabs li h5{margin-bottom: 18px;line-height: 30px;color: #333333;display: flex;align-items: center;position: relative;z-index: 2;}
.aboutWrap .item3 .tabs li h5 img{margin-right: 17px;}
.aboutWrap .item3 .tabs li p{position: relative;z-index: 2;}
.aboutWrap .item3 .tabs li.active{color: #fff;}
.aboutWrap .item3 .tabs li.active:before{width: 100%;}
.aboutWrap .item3 .tabs li.active h5{color: #fff;}
.aboutWrap .item3 .tabs li.active h5 img{filter: brightness(0) invert(1);}
.aboutWrap .item3 .tabs li:nth-child(2):before{background: #7AC49F;}
.aboutWrap .item3 .tabs li:nth-child(3):before{background: #F6C491;}
.aboutWrap .item3 .tabs li:nth-child(4):before{background: #B8DC7C;}
.aboutWrap .item4{margin: 77px auto  90px;}
.aboutWrap .item4 .text{max-width: 558px;margin: 0 auto 92px;text-align: center;line-height: 25px;color: #333333;}
.aboutWrap .item4 .text .slogan{font-size: 34px;color: #231815;line-height: 87px;}
.aboutWrap .item4 .text .slogan span{font-size: 88px;color: #F9A11B;nt-family: "Helvetica";font-weight: bold;font-style: italic;margin: 0 10px;line-height: 70px;}
.aboutWrap .item4 .content{width: 716px;height: 716px;box-sizing: border-box;border: 1px solid #FFECD5;border-radius: 50%;position: relative;margin: 0 auto;text-align: center;}
.aboutWrap .item4 .content .logo{width: 484px;height: 484px;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);z-index: 3;display: flex;align-items: center;justify-content: center;background: rgba(249,161,27,0.15);border-radius: 50%;}
.aboutWrap .item4 .content .bg{width: 484px;height: 484px;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);}
.aboutWrap .item4 .content .bg:before,
.aboutWrap .item4 .content .bg:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(249,161,27,0.15);border-radius: 50%;animation: scaleBtn1 5s linear infinite;transform: scale(0.6);}
.aboutWrap .item4 .content .bg:after{animation: scaleBtn1 5s linear infinite 2.5s;}
@keyframes scaleBtn1{to{transform: scale(1.8);opacity: 0;}}
.aboutWrap .item4 .content li{text-align: center;line-height: 1;color: #231815;position: absolute;}
.aboutWrap .item4 .content li .pic{width: 120px;height: 120px;margin: 0 auto 20px;background: #fff;border-radius: 50%;overflow: hidden;box-shadow: 0 0 19px rgba(195,195,195,0.4);}
.aboutWrap .item4 .content li .pic img{width: 100%;height: 100%;}
/* .aboutWrap .item4 .content li.li1{top:-60px;left: 50%;transform: translateX(-50%);}
.aboutWrap .item4 .content li.li2{top: 147px;right: -30px;}
.aboutWrap .item4 .content li.li3{bottom: 25px;right: 40px;}
.aboutWrap .item4 .content li.li4{bottom: 25px;left: 40px;}
.aboutWrap .item4 .content li.li5{top: 147px;transform: translateX(-50%);} */

.aboutWrap .item4 .content li .pic{width: 108px;height: 108px;margin: 0 auto 10px;}
/* .aboutWrap .item4 .content li.li1{top:-60px;left: 50%;transform: translateX(-50%);}
.aboutWrap .item4 .content li.li2{top: 87px;right: 31px;}
.aboutWrap .item4 .content li.li3{top: 50%;right: -23px;transform: translateY(-50%);margin-top: 20px;}
.aboutWrap .item4 .content li.li4{bottom: 50px;right: 136px;}
.aboutWrap .item4 .content li.li5{bottom: 50px;left: 136px;}
.aboutWrap .item4 .content li.li6{top: 50%;transform: translateY(-50%);margin-top: 20px;}
.aboutWrap .item4 .content li.li7{top: 87px;left: 50px;} */


.aboutWrap .item4 .content li.li1{top: -38px;left: 150px;}
.aboutWrap .item4 .content li.li2{top: -38px;right: 150px;}
.aboutWrap .item4 .content li.li3{top: 155px;right: -51px;}
.aboutWrap .item4 .content li.li4{bottom: 164px;right: -54px;}
.aboutWrap .item4 .content li.li5{bottom: -32px;right: 150px;}
.aboutWrap .item4 .content li.li6{bottom:  -32px;left: 150px;}
.aboutWrap .item4 .content li.li7{bottom: 164px;left: -54px;}
.aboutWrap .item4 .content li.li8{top: 155px;left: -51px;}

.aboutWrap .item5{padding: 58px 0 90px;background: url(../images/aboutBg1.jpg) no-repeat center top;background-size: cover;color: #fff;}
.aboutWrap .item5 .left{width: 37.5%;}
.aboutWrap .item5 .left .nyTitle .ch{color: #FFFFFF;}
.aboutWrap .item5 .left .nyTitle .en{color: #fff;opacity: 0.24;}
.aboutWrap .item5 .left .cont{padding-top: 16px;color: #FFFFFF;line-height: 34px;}
.aboutWrap .item5 .right{width: 47.8%;text-align: center;}
.aboutWrap .item5 .right .title{line-height: 1;margin-bottom: 120px;}
.aboutWrap .item5 .right .cont{width: 360px;height: 360px;margin: 0 auto;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.37);border-radius: 50%;position: relative;}
.aboutWrap .item5 .right .cont .center{padding-top: 94px;font-size: 0;}
.aboutWrap .item5 .right .cont li{position: absolute;color: #EF8200;}
.aboutWrap .item5 .right .cont li .icon{width: 156px;height: 156px;background: #FFFFFF;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.aboutWrap .item5 .right .cont li .icon img{margin-bottom: 10px;}
.aboutWrap .item5 .right .cont li .txt{color: #fff;line-height: 25px;position: absolute;text-align: center;width: 220px;}
.aboutWrap .item5 .right .cont li.li1{left: 50%;top: -30px;transform: translate(-50%, 0);}
.aboutWrap .item5 .right .cont li.li1 .txt{bottom: 100%;padding-bottom: 12px;left: 50%;transform: translate(-50%, 0);}
.aboutWrap .item5 .right .cont li.li2{right: -60px;bottom: -30px;}
.aboutWrap .item5 .right .cont li.li2 .txt{left: 100%;padding-left: 12px;top:50%;transform: translateY(-50%);text-align: left;}
.aboutWrap .item5 .right .cont li.li3{left: -60px;bottom: -30px;}
.aboutWrap .item5 .right .cont li.li3 .txt{right: 100%;padding-right: 12px;top:50%;transform: translateY(-50%);text-align: right;}
.aboutWrap .item6{padding: 90px 0;background: url(../images/aboutBg3.png) right top;}
.aboutWrap .item6 .nyTitle{margin-bottom: 38px;}
.aboutWrap .item6 .desc{padding-right: 80px;line-height: 40px;position: relative;}
.aboutWrap .item6 .desc .point{color: #F9A11B;}
.aboutWrap .item6 .desc .icon{position: absolute;right: 0;bottom: 10px;}
.aboutWrap .item6 .scroll{position: relative;overflow: hidden;padding: 60px 0 100px;}
.aboutWrap .item6 .scroll .btnStyle{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.aboutWrap .item6 .scroll .btnStyle .btn:before{border-color: #BFC0C4;}
.aboutWrap .item6 .scroll .btnStyle .btn img{filter: brightness(0) invert(0.6);}
.aboutWrap .item6 .scroll .btnStyle .btn:hover img{filter: brightness(1) invert(0);}
.aboutWrap .item6 .scroll a{display: block;text-align: center;}
.aboutWrap .item6 .scroll .pic{padding-bottom: 71.9%;position: relative;overflow: hidden;}
.aboutWrap .item6 .scroll .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/box.png) no-repeat center;background-size: 100% 100%;z-index: 2;pointer-events: none;}
.aboutWrap .item6 .scroll .pic span{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.aboutWrap .item6 .scroll .pic img{max-width: 100%;max-height: 100%;}
.aboutWrap .item6 .scroll a:hover .pic img{transform: scale(1.1);}
.aboutWrap .item6 .scroll h5{margin-top: 20px;color: #6A6B6C;font-weight: normal;line-height: 1.1;}
.aboutWrap .item6 .scroll a:hover h5{color: #FCCA00;}

.cultureWrap{margin: 90px auto;box-sizing: border-box;padding: 240px 9.8% 137px;background: url(../images/cultureBg.jpg) no-repeat center;background-size: cover;}
.cultureWrap ul{display: flex;justify-content: space-between;text-align: center;}
.cultureWrap .icon{width: 128px;height: 128px;margin: 0 auto 30px;background: rgba(255,255,255,0.9);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.cultureWrap .icon p{margin-top: 5px;line-height: 30px;color: #666666;}
.cultureWrap h5{color: #FFFFFF;line-height: 1;}
.cultureWrap li:hover .icon{background: #FCCA00;}
.cultureWrap li:hover .icon p{color: #fff;}
.cultureWrap li:hover .icon img{filter: brightness(0) invert(1);}

.nyWrap{margin: 80px auto;min-height: 300px;}
.org .title{color: #333333;line-height: 1;text-align: center;margin-bottom: 50px;}

.teamList{display: flex;flex-wrap: wrap;}
.teamList li{width: 47.4%;background: #FAFAFA;margin: 0 5.2% 40px 0;position: relative;overflow: hidden;}
.teamList li:first-child{margin: 0 26.3% 40px;}
.teamList li .bg{position: absolute;right: -10px;bottom: -10px;}
.teamList li dl{height: 121px;box-sizing: border-box;padding: 12px 12px 12px 34px;display: flex;align-items: center;position: relative;z-index: 2;}
.teamList li dl dt{min-width: 134px;flex-shrink: 0;margin-right: 50px;color: #333333;position: relative;line-height: 28px;}
.teamList li dl dt:before{content: "";width: 1px;height: 28px;background: #D8D8D8;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.teamList li dl dd{color: #666666;line-height: 22px;flex: 1;overflow: hidden;}
.teamList li:hover{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.teamList li:nth-child(2n+1){margin-right: 0;}

.mediaList{display: flex;flex-wrap: wrap;}
.mediaList li{width: 47.5%;margin: 0 5% 70px 0;position: relative;border-radius: 20px;padding: 30px;box-sizing: border-box;box-shadow: 0 0 35px rgba(190,190,190,0.17);}
.mediaList li:nth-child(2n){margin-right: 0;}
.mediaList li:before{content: "";width: calc(100% - 150px);height: 100%;position: absolute;left: 0;top:0;background: #FFFAF3;border-radius: 20px 0 0 20px;}
.mediaList li dl{display: flex;position: relative;z-index: 2;align-items: center;}
.mediaList li dl dt{flex-shrink: 0;margin-left: 30px;width: 210px;height: 210px;box-sizing: border-box;border: 1px solid #E8E9EA;border-radius: 20px;overflow: hidden;}
.mediaList li dl dt img{width: 100%;height: 100%;}
.mediaList li dl dd{flex: 1;overflow: hidden;}
.mediaList li .title{display: flex;align-items: center;margin-bottom: 17px;}
.mediaList li .title .icon{width: 66px;height: 66px;background: #fff;border-radius: 50%;box-shadow: 0 0 10px rgba(195,195,195,0.41);overflow: hidden;flex-shrink: 0;margin-right: 4px;}
.mediaList li .title .icon img{width: 100%;height: 100%;}
.mediaList li .title h5{flex: 1;overflow: hidden;color: #333333;font-weight: normal;}
.mediaList li .txt{line-height: 24px;color: #666666;height: 192px;overflow: hidden;}
.mediaList li:hover:before{background: #FFF1DC;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.grayBg{background: #F5F5F5;}

.newsTop{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 38px;}
.newsTop .date{font-family: "DINProMed";color: #BFC0C4;}
.newsTop .date em{display: block;font-size: 50px;line-height: 1;margin-bottom: 4px;}
.newsTop .date span{display: block;font-size: 14px;line-height: 18px;}

.recomNews{position: relative;overflow: hidden;padding: 80px 0 70px;}
.recomNews a{display: block;background: #FFFFFF;}
.recomNews .pic{padding-bottom: 64.4%;position: relative;overflow: hidden;}
.recomNews .text{padding: 27px 40px 40px;position: relative;}
.recomNews .text .bg{position: absolute;left: 0;bottom: 0;/* opacity: 0.1; */pointer-events: none;}
.recomNews .text h5{line-height: 30px;color: #333333;font-weight: normal;margin-bottom: 10px;position: relative;z-index: 2;}
.recomNews .text p{line-height: 30px;color: #666666;height: 60px;overflow: hidden;position: relative;z-index: 2;}
.recomNews1 .newsTop{margin-bottom: 24px;}

.newsHover:hover .text h5,
.newsHover:hover .newsTop .date{color: #FCCA00;}
/* .newsHover:hover .text .bg{opacity: 0.4;} */
.newsHover:hover .iMore .icon i{opacity: 1;}
.newsHover:hover .iMore .icon b{border-color: #FCCA00;transform: scale(1.6);transform-origin:right center;}
.newsHover:hover .iMore .icon b:before{transform: scale(1);opacity: 1;}
.newsHover:hover .iMore .icon i{transform: scale(0.8) translateX(10px);filter: brightness(0) invert(1);}

.whiteBg{background: #fff;margin: 0 auto !important;padding: 24px 0 74px;}

.newsList{padding-bottom: 30px;}
.newsList li{padding: 30px 0;}
.newsList li a{display: flex;}
.newsList li .pic{width: 355px;flex-shrink: 0;margin-right: 40px;position: relative;overflow: hidden;padding-bottom: 236px;height: 0;}
.newsList li .text{flex: 1;overflow: hidden;}
.newsList li .text .newsTop{margin-bottom: 25px;}
.newsList li .text h5{margin: 0 auto  17px;padding-bottom: 20px;border-bottom: 1px solid #E4E4E4;line-height: 30px;color: #313131;font-weight: normal;}
.newsList li .text p{line-height: 30px;color: #6A6B6C;max-height: 60px;overflow: hidden;}

.page{text-align: center;font-size: 0;}
.page a{display: inline-block;margin: 0 4px;min-width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #606266;line-height: 30px;position: relative;}
.page a img{filter: brightness(0) invert(0.6);}
.page a.num:before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/pageBg.svg) no-repeat center;background-size: 100% 100%;opacity: 0;transform: scale(0);}
.page a span{position: relative;z-index: 2;}
.page a:hover img{filter: brightness(1) invert(0);}
.page a.on,.page a.num:hover{color: #fff;}
.page a.on:before,.page a.num:hover:before{opacity: 1;transform: scale(1);}

.passage .psgTitle{padding-bottom: 27px;border-bottom: 1px solid #E2E2E2;margin-bottom: 30px;}
.passage .psgTitle h5{line-height: 1.2;color: #000000;font-weight: normal;text-align: center;margin-bottom: 40px;}
.passage .psgTitle .info{color: #999999;line-height: 20px;display: flex;justify-content: space-between;}
.passage .psgTitle .info span{margin-right: 40px;}
.passage .psgTitle .info span:last-child{margin-right: 0;}
.passage .psgTitle .info span img{margin-left: 14px;cursor: pointer;}
.passage .psgTitle .info span img{filter: brightness(0) invert(0.6);}
.passage .psgTitle .info span img.on,
.passage .psgTitle .info span img:hover{filter: brightness(1) invert(0);}
.passage .psgCont{font-size: 16px;line-height: 26px;color: #5B5B5B;padding-bottom: 60px;min-height: 300px;line-height: 32px;}
.passage .psgCont.small{font-size: 14px;line-height: 28px;}
.passage .psgCont.large{font-size: 18px;line-height: 36px;}
.passage .psgCont table{margin: 0 auto;border-collapse:collapse;}
.passage .psgCont td{border: 1px solid #888;padding: 4px 6px;}
.passage .psgShare{line-height: 40px;color: #999999;padding-bottom: 60px;border-bottom: 1px solid #E2E2E2;}
.passage .psgShare .item{margin-left: 18px;}
.passage .toList{display: flex;width: 104px;height: 104px;margin: 70px auto 60px;background-image: linear-gradient(180deg, #FCCA00, #F9A11B);border-radius: 50%;align-items: center;justify-content: center;text-align: center;color: #FFFFFF;line-height: 1;}
.passage .toList img{margin-bottom: 10px;}
.passage .toList:hover{transform: translateY(-10px);box-shadow: 0 0 16px rgba(0,0,0,0.3);}
.passage .psgLink{display: flex;justify-content: space-between;}
.passage .psgLink li{width: 42%;}
.passage .psgLink li a{display: block;background: #F8F8F8;padding: 13px 40px 13px;border: 1px solid #D0D0D0;border-top: 3px solid #EF8200;color: #666666;line-height: 36px;position: relative;}
.passage .psgLink li a:before{content: "";width: 100%;height: 3px;position: absolute;left: 0;top:-3px;background: #FCCA00;transform: scale(0,1);transform-origin:left center;transition:all 1s linear;}
.passage .psgLink li a:hover{transform: translateY(-20px);box-shadow: 0 2px 15px rgba(167,167,167,0.47);}
.passage .psgLink li a:hover:before{transform: scale(1);}


.noticeList li{margin-bottom: 30px;}
.noticeList li:last-child{margin-bottom: 0;}
.noticeList li a{display: flex;align-items: center;background: #FFFFFF;padding: 0 40px 0 20px;box-sizing: border-box;height: 120px;}
.noticeList li .date{flex-shrink: 0;text-align: center;width: 90px;position: relative;margin-right: 26px;}
.noticeList li .date:before{content: "";width: 1px;height: 60px;position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #E4E4E4;}
.noticeList li .text{flex: 1;overflow: hidden;}
.noticeList li .text h5{color: #313131;font-weight: normal;line-height: 23px;margin-bottom: 10px;}
.noticeList li .text p{color: #6A6B6C;line-height: 24px;}
.noticeList li .text .iMore{flex-shrink: 0;margin-left: 100px;}
.noticeList li a:hover .date{color: #FCCA00;}

.pageBox{padding: 40px 0 50px;background: #fff;}

.prodList .item{padding-bottom: 60px;}
.prodList .item:last-child{padding-bottom: 0;}
.prodList .titleWrap{margin-bottom: 60px;display: flex;justify-content: space-between;align-items: center;}
.prodList .titleWrap .nyTitle{margin-bottom: 0;}
.prodList .titleWrap .tabs{display: flex;align-items: center;}
.prodList .titleWrap .tabs li{margin-left: 20px;padding: 0 40px;line-height: 62px;color: #231815;border-radius: 31px;overflow: hidden;position: relative;cursor: pointer;}
.prodList .titleWrap .tabs li:before{content: "";width: 40px;height: 40px;position: absolute;left: 0;top:0;background: #FCCA00;transform: scale(0,1);opacity: 0;transition:all 0.4s linear;}
.prodList .titleWrap .tabs li.active{color: #fff;}
.prodList .titleWrap .tabs li.active:before{transform: scale(10);opacity: 1;}
.prodList .titleWrap .tabs li span{position: relative;z-index: 2;}
.prodList .titleWrap .tabs li:first-child{margin-left: 0;}
.prodList .container{position: relative;overflow: hidden;}
.prodList .pList{display: flex;flex-wrap: wrap;}
.prodList .pList li{width: 23.6%;margin: 0 1.86% 30px 0;}
.prodList .pList li:nth-child(4n){margin-right: 0;}
.prodList .pList li a{border: 1px solid #E8E9EA;}
.prodList  .prodItem .text h5{line-height: 23px;height: 46px;margin-bottom: 4px;}
.prodList .item.item2 .prodItem .pic{background: #fff;}

.contPorduct .item1{padding: 86px 0 60px;display: flex;justify-content: space-between;}
.contPorduct .item1 .text{width: 32.4%;}
.contPorduct .item1 .text .title{margin-bottom: 40px;padding: 12px;position: relative;}
.contPorduct .item1 .text .title:before{content: "";width: 74px;height: 74px;position: absolute;left: 0;top:50%;transform: translateY(-50%);background: url(../images/circle.svg) no-repeat center;background-size: 100% 100%;}
.contPorduct .item1 .text .title span{display: inline-block;padding: 0 38px;position: relative;z-index: 2;background: rgba(252, 202, 0, 0.65);border-radius: 24px;color: #FFFFFF;line-height: 50px;}
.contPorduct .item1 .text .subTitle{color: #333333;line-height: 1;margin-bottom: 15px;}
.contPorduct .item1 .text .cont{color: #333333;line-height: 30px;}
.contPorduct .item1 .picWrap{width: 60.6%;display: flex;align-items: center;}
.contPorduct .item1 .prodScroll{flex: 1;overflow: hidden;}
.contPorduct .item1 .prodScroll .swiper-slide{height: 356px;display: flex;align-items: center;justify-content: center;}
.contPorduct .item1 .prodScroll .swiper-slide img{max-width: 100%;max-height: 100%;}
.contPorduct .item1 .thumbnail{flex-shrink: 0;width: 128px;margin-left: 60px;padding: 53px 0;position: relative;}
.contPorduct .item1 .thumbnail .btn{width: 28px;height: 28px;position: absolute;left: 50%;transform: translateX(-50%);box-sizing: border-box;border: 1px solid #E4E4E4;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.contPorduct .item1 .thumbnail .btn img{filter: brightness(0) invert(0.6);transform: rotateZ(90deg);}
.contPorduct .item1 .thumbnail .btn:hover{background: #FCCA00;border-color: #FCCA00;}
.contPorduct .item1 .thumbnail .btn:hover img{filter: brightness(0) invert(1);}
.contPorduct .item1 .thumbnail .btn.swiper-button-disabled{pointer-events: none;opacity: 0.4;}
.contPorduct .item1 .thumbnail .prev{top:0;}
.contPorduct .item1 .thumbnail .next{bottom: 0;}
.contPorduct .item1 .thumbnail .container{height: 274px;position: relative;overflow: hidden;}
.contPorduct .item1 .thumbnail .container span{display: block;height: 100%;box-sizing: border-box;border: 1px solid #E4E4E4;border-radius: 6px;display: flex;align-items: center;justify-content: center;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;}
.contPorduct .item1 .thumbnail .container .on span{border-color: #FCCA00;}

.contPorduct .item2{padding-bottom: 70px;background: #F5F5F5;}
.contPorduct .item2 .tabs{border-bottom: 1px solid #E8E9EA;border-top: 1px solid #E8E9EA;background: #FFFFFF;}
.contPorduct .item2 .tabs li{margin-right: 200px;line-height: 72px;color: #231815;font-weight: bold;position: relative;cursor: pointer;}
.contPorduct .item2 .tabs li:last-child{margin-right: 0;}
.contPorduct .item2 .tabs li:before{content: "";width: 100%;height: 2px;background: #FCCA00;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.contPorduct .item2 .tabs li.active:before{transform: scale(1);opacity: 1;}
.contPorduct .item2 .container{padding-top: 50px;position: relative;overflow: hidden;}
.contPorduct .item2 .pageStyle{color: #666666;line-height: 28px;}
.contPorduct .item2 table{border-collapse:collapse;width: 100%;}
.contPorduct .item2 table th,.contPorduct .item2 table td{border: 1px solid #CCCCCC;background: #fff;padding:18px 40px;}
.contPorduct .item2 .train{margin-top: 58px;padding: 30px 60px;background: #FFFAF3;border-radius: 20px;}
.contPorduct .item2 .train dl{display: flex;align-items: center;}
.contPorduct .item2 .train dt{flex-shrink: 0;margin-left: 109px;width: 210px;height: 210px;box-sizing: border-box;border: 1px solid #E8E9EA;border-radius: 20px;overflow: hidden;}
.contPorduct .item2 .train dt img{width: 100%;height: 100%;}
.contPorduct .item2 .train dd{flex: 1;overflow: hidden;color: #666666;line-height: 24px;}
.contPorduct .item2 .train dd .title{margin-bottom: 20px;display: flex;align-items: center;}
.contPorduct .item2 .train dd .title .icon{width: 66px;height: 66px;background: #FFFFFF;border-radius: 50%;box-shadow: 0 0 10px rgba(195, 195, 195, 0.4);display: flex;align-items: center;justify-content: center;margin-right: 4px;}
.contPorduct .item2 .train dd .title .icon img{max-width: 100%;max-height: 100%;}
.contPorduct .item2 .train dd .title h5{line-height: 26px;color: #333333;font-weight: normal;}
.contPorduct .item3{padding: 80px 0;}
.contPorduct .item3 .container{position: relative;overflow: hidden;}
.contPorduct .item3 .container .pic{border-radius: 12px;margin-bottom: 20px;}
.contPorduct .item3 .container .tit{color: #333333;line-height: 40px;color: #333333;text-align: center;}
.contPorduct .item3 .container a:hover .tit{color: #FCCA00;}


.jobList .item{width: 22.5%;box-sizing: border-box;padding-right: 20px;}
.jobList .item5{width: 10%;text-align: center;padding-right: 0;}
.jobList .hd{background: #999999;padding: 0 0 0 40px;line-height: 100px;color: #fff;background: #FCCA00;}
.jobList .nLi{border: 1px solid #E4E4E4;border-top: none;}
.jobList .nLi:first-child{border-top: 1px solid #E4E4E4;}
.jobList .dt{line-height: 100px;padding-left: 40px;color: #313131;font-weight: bold;cursor: pointer;}
.jobList .dt .arr{display: inline-block;width: 30px;height: 30px;background: #E8E8E8;border-radius: 50%;position: relative;vertical-align: middle;}
.jobList .dt .arr:before{content: "";width: 7px;height: 7px;border-left: 1px solid #313131;border-bottom: 1px solid #313131;position: absolute;left: 50%;top:50%;margin: -4px 0 0 -4px;transform: rotateZ(-45deg);}
.jobList .dd{display: none;}
.jobList .dd .wrap{border-top: 1px solid #E8E9EA;padding: 35px 40px 70px;line-height: 30px;}
.jobList .dd .wrap .wap{display: none;}
.jobList .dd .wrap .tit{font-weight: bold;margin-top: 46px;}
.jobList .dd .wrap .tit:first-child{margin-top: 0;}
.jobList .dd .wrap .point{margin: 72px auto 44px;font-weight: bold;}
.jobList .dd .wrap .point .mrgRight{margin-right: 64px;}
.jobList .dd .wrap .btn{display: block;width: 190px;height: 50px;box-sizing: border-box;border: 1px solid #FCCA00;text-align: center;line-height: 50px;position: relative;overflow: hidden;}
.jobList .dd .wrap .btn:before{width: 238px;height: 238px;border-radius: 100%;background: #FCCA00;content: '';position: absolute;left: -20%;top: -80%;transition: all 0.8s ease 0s;transform: scale(0);}
.jobList .dd .wrap .btn img{position: relative;z-index: 2;margin: -0.25em 2px 0 0;}
.jobList .dd .wrap .btn span{position: relative;z-index: 2;}
.jobList .dd .wrap .btn:hover{color: #fff;}
.jobList .dd .wrap .btn:hover:before{transform: scale(1.3);}
.jobList .dd .wrap .btn:hover img{filter: brightness(0) invert(1);}
.jobList .on .dt{background: #F7F7F7;}
.jobList .on .dt .arr{transform: rotateZ(180deg);}

.contactUs{box-sizing: border-box;padding: 442px 5% 0;position: relative;}
.contactUs:before{content: "";width: 100%;height: 648px;position: absolute;left: 0;top:0;background: url(../images/contact1.jpg) no-repeat center;background-size: cover;}
.contactUs ul{display: flex;justify-content: space-between;position: relative;z-index: 2;}
.contactUs ul li{width: 48.3%;text-align: center;background: #FFFFFF;box-shadow: 0 20px 30px rgba(0,0,0,0.05);}
.contactUs .title{height: 120px;line-height: 120px;text-align: center;color: #fff;position: relative;background-image: linear-gradient(90deg, #FCCA00, #FEE700);}
.contactUs .title img{margin: -0.15em 12px 0 0;}
.contactUs .title:before{content: "";border: 10px solid transparent;border-top-color: #ffd341;position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);}
.contactUs .cont{min-height: 298px;box-sizing: border-box;padding: 70px 20px 20px;color: #333333;line-height: 46px;}
.contactUs .cont .name{margin-bottom: 24px;}
.contactUs .cont .name span{display: inline-block;position: relative;}
.contactUs .cont .name span:before,
.contactUs .cont .name span:after{content: "";width: 62px;height: 1px;background: #FCCA00;position: absolute;top: 50%;}
.contactUs .cont .name span:before{left: -86px;}
.contactUs .cont .name span:after{right: -86px;}

.compAddress ul{margin-bottom: 44px;display: flex;}
.compAddress ul li{flex: 1;box-sizing: border-box;border: 1px solid #E8E8E8;margin-left: -1px;padding: 25px 34px 25px 40px;display: flex;align-items: center;}
.compAddress ul li .icon{width: 80px;height: 80px;flex-shrink: 0;margin-right: 26px;}
.compAddress ul li .text{flex: 1;overflow: hidden;color: #313131;line-height: 20p;color: #313131;}
.compAddress ul li .text h5{line-height: 30px;margin-bottom: 5px;}

.mapWrap{height: 610px;}

@media screen and (max-width: 1480px){
.fz45{font-size: 38px;}
.fz40{font-size: 32px;}
.fz36{font-size: 30px;}
.fz30{font-size: 26px;}
.fz28{font-size: 24px;}
.fz26{font-size: 22px;}
.fz24{font-size: 20px;}
.fz22{font-size: 20px;}
.fz21{font-size: 19px;}
.fz20{font-size: 18px;}
.fz18{font-size: 16px;}
.fz16{font-size: 15px;}
.fz15{font-size: 14px;}
.fz14{font-size: 13px;}
.header .nLi h3 a{padding: 0 24px;}
.iTitle{margin-bottom: 30px;}

.isect1{padding: 60px 0 40px;}
.isect1 .content .left .pic{padding-bottom: 440px;}
.isect1 .content .left .container .swiper-pagination{line-height: 48px;}
.isect1 .content .left .pic h5{padding-left: 28px;line-height: 48px;}
.isect1 .content .right{padding: 24px 24px 0;}
.isect1 .content .right .title{padding-bottom: 20px;margin-bottom: 10px;}
.isect1 .scroll{height: 140px;}
.isect1 .scroll a{padding-bottom: 140px;}

.isect2{padding: 60px 0 40px;}
.isect2:before{height: 660px;}
.isect3{padding: 60px 0;}
.isect3 .container a{padding: 24px;}
.isect3 .container a .logo{width: 160px;height: 160px;}
.isect3 .container a h5{margin: 16px 0;}

.isect4{padding: 80px 0 50px;}
.isect4 .content .leftBox{padding: 28px 30px 13px;}
.isect4 .content .rightBox{padding: 28px;}

.isect5 .text{height: 580px;padding-top: 40px;}
.isect5 .pic .icon{height: 120px;}

.footer .select{width: 16%;margin-left: 1.6%;}
.footer .select dt{padding: 0 20px;}
.footer .select dt:before{right: 16px;}

.nyTitle{margin-bottom: 40px;}
.aboutWrap .item1{padding: 60px 0;}
.aboutWrap .item1 ul li.text{padding: 30px 0;}
.aboutWrap .item1 ul li.text .wrap{padding: 0 30px;}
.aboutWrap .item1 ul li.text .title{padding: 24px 0 8px;margin-bottom: 28px;}
.aboutWrap .item1 ul li.li5 i{width: 100px;height: 100px;}
.aboutWrap .item2 .text{min-height: 550px;padding: 50px 0 0 40px;}
.aboutWrap .item3{margin-top: 60px;}
.aboutWrap .item3 .titleWrap{margin-bottom: 40px;}
.aboutWrap .item3 .titleWrap .slogan span{font-size: 66px;}
.aboutWrap .item3 .tabs{padding: 50px 0;}
.aboutWrap .item3 .tabs li{margin-top: 30px;padding: 20px 12px 20px 32px;}
.aboutWrap .item3 .tabs li h5{margin-bottom: 12px;}
.aboutWrap .item4{margin: 50px auto 70px;}
.aboutWrap .item4 .content{width: 500px;height: 500px;}
.aboutWrap .item4 .content .logo{width: 340px;height: 340px;}
.aboutWrap .item4 .content .logo img{height: 280px;}
.aboutWrap .item4 .content li .pic{width: 80px;height: 80px;margin-bottom: 12px;}
@keyframes scaleBtn1{to{transform: scale(1.3);opacity: 0;}}
/* .aboutWrap .item4 .content li.li4,
.aboutWrap .item4 .content li.li5{bottom: 0;}
.aboutWrap .item4 .content li.li7{left: 0;}
.aboutWrap .item4 .content li.li2{right: 0;}
.aboutWrap .item4 .content li.li7,
.aboutWrap .item4 .content li.li2{top: 50px;}
.aboutWrap .item4 .content li.li5{left: 80px;}
.aboutWrap .item4 .content li.li4{right: 80px;}
 */

.aboutWrap .item4 .content li.li1{left: 88px;}
.aboutWrap .item4 .content li.li2{right: 88px;}
.aboutWrap .item4 .content li.li3{top: 115px;}
.aboutWrap .item4 .content li.li4{bottom: 110px;}
.aboutWrap .item4 .content li.li5{right: 88px;}
.aboutWrap .item4 .content li.li6{left: 88px;}
.aboutWrap .item4 .content li.li7{bottom: 110px;}
.aboutWrap .item4 .content li.li8{top: 115px;}

.aboutWrap .item5 .right .cont li .icon{width: 134px;height: 134px;}
.aboutWrap .item5 .right .cont li .icon img{height: 50px;margin-bottom: 10px;}
.aboutWrap .item5 .right .cont .center{padding-top: 60px;}
.aboutWrap .item6{padding: 60px 0;}
.aboutWrap .item6 .scroll{padding-top: 40px;}

.cultureWrap{margin: 60px auto;padding: 200px 9.8% 100px;}
.cultureWrap .icon{width: 110px;height: 110px;margin-bottom: 20px;}
.cultureWrap .icon img{height: 40px;}

.nyWrap{margin: 60px auto;}
.teamList li{margin-bottom: 30px;}
.teamList li dl{height: 110px;}
.teamList li dl dt{margin-right: 40px;min-width: 110px;}
.teamList li .bg{width: 70px;}


.mediaList li{padding: 20px;width: 49%;margin-right: 2%;margin-bottom: 50px;}
.mediaList li:before{width: calc(100% - 100px);}
.mediaList li dl dt{width: 180px;height: 180px;margin-left: 20px;}
.mediaList li .title .icon{width: 52px;height: 52px;}
.mediaList li .title{margin-bottom: 10px;}
.mediaList li .txt{line-height: 22px;font-size: 13px;}

.newsList li{padding: 20px 0;}
.newsList li .pic{margin-right: 30px;}

.passage .psgTitle{padding-bottom: 20px;margin-bottom: 20px;}
.passage .psgTitle h5{margin-bottom: 30px;}
.passage .psgCont{padding-bottom: 40px;}
.passage .psgShare{padding-bottom: 40px;}
.passage .toList{margin: 50px auto;}
.passage .psgLink li a{padding: 10px 24px;}

.noticeList li{margin-bottom: 20px;}
.noticeList li a{height: 110px;padding: 0 30px 0 10px;}
.pageBox{padding: 30px 0 40px;}

.prodList .item{padding-bottom: 30px;}
.prodList .titleWrap{margin-bottom: 40px;}
.prodList .titleWrap .tabs li{padding: 0 24px;line-height: 44px;}

.contPorduct .item1{padding: 60px 0 40px;}
.contPorduct .item2{padding-bottom: 50px;}
.contPorduct .item2 .container{padding-top: 40px;}
.contPorduct .item2 .train dt{margin-left: 78px;}
.contPorduct .item3{padding: 60px 0;}

.jobList .hd,.jobList .dt{padding-left: 24px;line-height: 80px;}
.jobList .dd .wrap{padding: 30px 24px 48px;}
.jobList .dd .wrap .tit{margin-top: 30px;}
.jobList .dd .wrap .btn{margin-top: 30px;}
.jobList .dd .wrap .point{margin: 50px auto 30px;}
.jobList .dd .wrap .point .mrgRight{margin-right: 44px;}

.contactUs{padding-top: 380px;}
.contactUs:before{height: 580px;}
.contactUs .title{height: 108px;line-height: 108px;}
.contactUs .cont{min-height: 220px;padding: 50px 20px 20px;}

.compAddress ul{margin-bottom: 30px;}
.compAddress ul li{padding: 20px 10px 20px 28px;}
.compAddress ul li .icon{width: 70px;height: 70px;margin-right: 18px;}
.mapWrap{height: 480px;}

}

@media screen and (max-width: 1300px){
.header .nLi h3 a{padding: 0 20px;}
.header .nLi h3 a i{transform: scale(0.7);}
.header .searchBtn{width: 32px;height: 32px;margin-left: 14px;}
.tabStyle li{margin-left: 20px;}
.banner em{padding-bottom: 68%;height: 0;}

}

@media screen and (max-width: 1200px){
.header .nav{display: none;}
.header .logo{height: 66px;}
.header .logo img{height: 48px;}
.header .searchBtn{margin-right: 40px;}
.header .menuIcon{display: block;}
.nyPage{padding-top: 66px;}

.isect1 .content .left,.isect1 .content .right{width: 100%;}
.isect2:before{height: 60%;}
.prodItem .text{padding: 10px;}
.prodItem .text h5{margin-bottom: 8px;}


.isect4 .content{flex-wrap: wrap;}
.isect4 .content .leftBox,.isect4 .content .rightBox{padding: 18px;width: 100%;}
.isect4 .content .leftBox{margin-bottom: 20px;}

.isect5 .text{padding: 30px 0;width: 100%;height: auto;}
.isect5 .text .desc{height: auto;max-height: 330px;}
.isect5 .pic{position: relative;width: 100%;height: 0;padding-bottom: 68%;}

.footer .top{display: flex;justify-content: space-between;}
.footer .top:after{display: none;}
.footer .top .logo{display: none;}
.footer .select{float: none;margin: 0;width: 24%;}

.newsTop{margin-bottom: 20px;}
.newsTop .date em{font-size: 40px;}
.recomNews{padding: 40px 0;}
.recomNews .text{padding: 18px 25px 20px;}

.newsList li .pic{width: 294px;padding-bottom: 196px;}
.newsList li .text .newsTop{margin-bottom: 15px;}
.newsList li .text h5{margin-bottom: 12px;padding-bottom: 12px;}

.jobList .item{width: 21%;}
.jobList .item5{width: 12%;}
.jobList .hd{font-size: 19px;}
.jobList .hd, .jobList .dt{line-height: 68px;}
.jobList .dd .wrap .point{margin: 40px auto 30px;}

.aboutWrap .item3 .titleWrap .slogan{margin-right: 8%;}
}


@media screen and (max-width: 1024px){
.fz45{font-size: 28px;}
.fz40{font-size: 24px;}
.fz36{font-size: 22px;}
.fz30{font-size: 22px;}
.fz28{font-size: 20px;}
.fz26{font-size: 18px;}
.fz24{font-size: 18px;}
.fz22{font-size: 17px;}
.fz21{font-size: 17px;}
.fz20{font-size: 16px;}
.fz18{font-size: 15px;}
.fz16{font-size: 14px;}
.fz14{font-size: 12px;}

.iTitle .ch{margin-bottom: 8px;}
.iMore .icon{-webkit-transform-origin:right center;transform-origin:right center;transform: scale(0.8);margin-left: -6px;}

.isect1 .scroll{height: 100px;}
.isect1 .scroll a{padding-bottom: 100px;}

.isect2 .tabs li{padding: 0 18px;}
.nyBanner{height: 260px;}
.bread .goBack,.bread ul li{display: none;}
.bread .left{position: relative;margin-top: -40px;height: auto;padding: 20px;}
.bread .left h3{line-height: 1.2;}
.bread > .w1400:before{display: none;}

.nyTitle{margin-bottom: 24px;}
.nyTitle .en{font-size: 66px;}
.aboutWrap .item1 ul li{height: 300px;}
.aboutWrap .item1 ul li.pic{line-height: 296px;}
.aboutWrap .item1 ul li.pic img{height: 60%;}
.aboutWrap .item1 ul li.text{padding: 20px 0;}
.aboutWrap .item1 ul li.text .wrap{padding: 0 24px;}
.aboutWrap .item1 ul li.text .title{margin-bottom: 20px;}
.aboutWrap .item1 ul li.text .title .num{font-size: 60px;line-height: 1;}
.aboutWrap .item2 .text{padding: 30px 0 30px 30px;}
.aboutWrap .item2 .text .point{line-height: 28px;}
.aboutWrap .item5 .left,.aboutWrap .item5 .right{width: 100%;}
.aboutWrap .item5 .left{margin-bottom: 20px;}

.cultureWrap{margin: 40px auto;padding: 160px 4% 60px;}

.teamList li dl{height: 88px;padding: 10px;}
.teamList li dl dt{min-width: 88px;margin-right: 20px;}
.teamList li dl dt:before{height: 20px;}

.mediaList li{margin-bottom: 24px;}
.mediaList li{width: 100%;margin-right: 0;}
.mediaList li .txt{height: auto;}

.passage .psgCont{font-size: 15px;line-height: 30px;}
.passage .psgCont.small{font-size: 13px;line-height: 28px;}
.passage .psgCont.large{font-size: 17px;line-height: 32px;}

.prodList .titleWrap{margin-bottom: 20px;}
.prodList .titleWrap .tabs li{padding: 0 14px;margin-left: 0;line-height: 40px;}
.prodList .pList li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.prodList .pList li:nth-child(3n){margin-right: 0;}
.prodList .pList li:nth-child(4n){margin-right: 2%;}
.prodList .prodItem .text h5{font-size: 14px;}

.contPorduct .item1{padding: 30px 0;flex-wrap: wrap;}
.contPorduct .item1 .text,.contPorduct .item1 .picWrap{width: 100%;}
.contPorduct .item1 .text{margin-bottom: 20px;}
.contPorduct .item1 .text .title{margin-bottom: 20px;}
.contPorduct .item1 .text .title:before{width: 66px;height: 66px;}
.contPorduct .item1 .text .title span{padding: 0 18px;line-height: 36px;}
.contPorduct .item1 .thumbnail{margin-left: 30px;}
.contPorduct .item2{padding-bottom: 30px;}
.contPorduct .item2 .tabs li{margin-right: 40px;line-height: 60px;}
.contPorduct .item2 .container{padding-top: 20px;}
.contPorduct .item2 .train{margin-top: 30px;padding: 20px 30px;}
.contPorduct .item2 .train dt{width: 160px;height: 160px;margin-left: 40px;}
.contPorduct .item2 .train dd .title{margin-bottom: 12px;}
.contPorduct .item2 .train dd .title .icon{width: 54px;height: 54px;}
.contPorduct .item3{padding: 30px 0;}

.contactUs{padding-top: 300px;}
.contactUs:before{height: 480px;}
.contactUs .title{height: 88px;line-height: 88px;}
.contactUs .cont{min-height: 180px;padding: 40px 20px 20px;line-height: 34px;}
.contactUs .cont .name{margin-bottom: 14px;}

.compAddress ul li{padding: 12px;}
.compAddress ul li .icon{width: 52px;height: 52px;margin-right: 8px;}
.compAddress ul li .text{font-size: 12px;}

.mapWrap{height: 320px;}
}

@media screen and (max-width: 760px){
.banner .btn{transform: scale(0.7);}
.iTitle{margin-bottom: 24px;}
.isect1{padding: 30px 0;}
.isect1 .content .left .pic{padding-bottom: 62.9%;}
.isect1 .content .left .pic h5{padding: 0 80px 0 12px;}


.isect1 .content .right{padding: 15px;}
.isect1 .content .right .title{padding-bottom: 12px;margin-bottom: 6px;}
.isect1 .scroll{height: 80px;margin-top: 20px;}
.isect1 .scroll a{padding-bottom: 80px;border-radius: 14px;}

.isect2{padding: 30px 0;}
.isect2 .tabs{margin-bottom: 20px;display: flex;justify-content: space-between;}
.isect2 .tabs li{padding: 0;}
.isect2 .tabs li a{padding-bottom: 8px;font-size: 15px;}
.isect2 .tabs li a::before{height: 2px;}
.isect2 .innerScroll{padding-bottom: 54px;}

.isect3{padding: 30px 0;}
.isect3 .container a{padding: 18px;}
.isect3 .container a .logo{width: 134px;height: 134px;}
.isect3 .container a h5{margin: 10px 0;}
.isect3 .container a li{line-height: 26px;}

.isect4{padding: 30px 0;}
.isect4 .content .rightBox .container .pic{padding-bottom: 46%;}
.isect4 .content .leftBox .title .iMore{display: none;}
.isect5 .pic .icon{height: 66px;}

.float{display: none;}

.footer{line-height: 24px;font-size: 12px;}
.footer .top{padding: 18px 0;flex-wrap: wrap;}
.footer .select{width: 49%;margin-bottom: 8px;}
.footer .select dt{padding: 0 10px;line-height: 40px;height: 40px;}
.footer .select dt:after{right: 10px;}
.footer .select dd{bottom: 42px;top: auto;}
.footer .select dd ul a{padding: 6px 10px;}

.footer .med .icon a{margin: 0 5px;}
.footer .med .icon a img{height: 28px;}
.footer .med .text span,.footer .copy span{margin: 0 4px;}

.nyTitle{padding-left: 38px;background-size: auto 30px;height: 50px;line-height: 50px;margin-bottom: 20px;}
.nyTitle .en{font-size: 40px;}
.aboutWrap .item1{padding: 30px 0;}
.aboutWrap .item1 ul li{width: 100%;height: auto;min-height: 300px;border: none !important;}
.aboutWrap .item1 ul li.li2{margin-right: 0;}
.aboutWrap .item2 .pic{position: relative;height: 0;padding-bottom: 67.7%;width: 100%;}
.aboutWrap .item2 .text{width: 100%;padding: 20px 0;min-height: auto;}
.aboutWrap .item3{margin-top: 30px;}
.aboutWrap .item3 .titleWrap{margin-bottom: 0;}
.aboutWrap .item3 .titleWrap .slogan{font-size: 16px;display: none;}
.aboutWrap .item3 .titleWrap .slogan span{font-size: 36px;}

.aboutWrap .item3 .picScroll{width: 100%;position: relative;}
.aboutWrap .item3 .picScroll em{height: 0;padding-bottom: 56.54%;}
.aboutWrap .item3 .tabs{padding: 24px 0;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.aboutWrap .item3 .tabs li{width: 49%;margin-top: 12px;padding: 10px 0 10px 15px;}
.aboutWrap .item3 .tabs li:nth-child(2){margin-top: 0;}
.aboutWrap .item3 .tabs li p{display: none;}
.aboutWrap .item3 .tabs li h5{margin-bottom: 0;font-size: 13px;}
.aboutWrap .item3 .tabs li h5 img{margin-right: 6px;height: 20px;}
.aboutWrap .item4{margin: 30px auto;padding-bottom: 300px;position: relative;}
.aboutWrap .item4 .text{margin-bottom: 70px;}
.aboutWrap .item4 .text .slogan{font-size: 24px;line-height: 34px;}
.aboutWrap .item4 .text .slogan span{font-size: 40px;margin: 0 4px;}
.aboutWrap .item4 .content{transform: scale(0.6);position: absolute;bottom: -80px;left: 50%;margin-left: -250px;}
.aboutWrap .item5{padding: 30px 0 0;}
.aboutWrap .item5 .left .cont{padding-top: 0;line-height: 28px;}
.aboutWrap .item5 .right{padding-bottom: 320px;position: relative;}
.aboutWrap .item5 .right .cont{transform: scale(0.6);position: absolute;bottom: -20px;left: 50%;margin-left: -180px;}
.aboutWrap .item5 .right .title{margin-bottom: 0;}
.aboutWrap .item5 .right .cont li .txt{display: none;}
.aboutWrap .item6{padding: 30px 0;}
.aboutWrap .item6 .nyTitle{margin-bottom: 20px;}
.aboutWrap .item6 .desc{line-height: 30px;padding-right: 30px;}
.aboutWrap .item6 .desc .icon{height: 24px;}
.aboutWrap .item6 .scroll{padding-top: 20px;}
.aboutWrap .item6 .scroll{padding-bottom: 60px;}

.cultureWrap{margin: 30px auto;padding: 120px 4% 60px;}
.cultureWrap .icon{width: 72px;height: 72px;margin-bottom: 8px;}
.cultureWrap .icon img{height: 24px;}
.cultureWrap .icon p{line-height: 1;font-size: 12px;}
.cultureWrap h5{font-size: 16px;}

.nyWrap{margin: 30px auto;}
.org .title{margin-bottom: 24px;}

.teamList li,.teamList li:first-child,.teamList li:nth-child(2n+1){width: 100%;margin: 0 0 20px;}
.teamList li:first-child{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.teamList li dl{height: 80px;}

.mediaList li{padding: 12px 0 20px 12px;}
.mediaList li:before{width: calc(100% - 70px);}
.mediaList li .title .icon{width: 40px;height: 40px;}
.mediaList li dl dt{width: 120px;height: 120px;margin-left: 12px;}

.recomNews{padding: 30px 0;}
.recomNews .text{padding: 14px;}
.recomNews .text h5{margin-bottom: 5px;line-height: 24px;}
.recomNews .text p{line-height: 24px;height: 48px;}
.newsTop{margin-bottom: 12px;}
.newsTop .date em{font-size: 34px;}

.newsList{padding-bottom: 20px;}
.newsList li{padding: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-bottom: 10px;}
.newsList li a{display: block;}
.newsList li .pic{width: 100%;margin: 0 0 12px;padding-bottom: 66.47%;}
.newsList li .text{width: 100%;}
.newsList li .text .newsTop{margin-bottom: 5px;}
.newsList li .text h5{padding-bottom: 5px;margin-bottom: 5px;}
.newsList li .text p{line-height: 24px;height: auto;max-height: 48px;}

.page a.num{display: none;}
.page a.num.on{display: inline-block;}

.passage .psgTitle{padding-bottom: 16px;margin-bottom: 12px;}
.passage .psgTitle h5{margin-bottom: 16px;}
.passage .psgTitle .info{justify-content: center;}
.passage .psgTitle .info .right{display: none;}
.passage .psgTitle .info span{margin-right: 6px;}
.passage .psgCont{font-size: 14px;line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #E2E2E2;}
.passage .psgCont.small{font-size: 12px;line-height: 26px;}
.passage .psgCont.large{font-size: 16px;line-height: 32px;}
.passage .psgShare{display: none;}
.passage .toList{margin: 30px auto;width: 80px;height: 80px;font-size: 13px;}
.passage .psgLink{flex-wrap: wrap;}
.passage .psgLink li{width: 100%;margin-bottom: 12px;}
.passage .psgLink li:last-child{margin-bottom: 0;}
.passage .psgLink li a{padding: 8px 12px;line-height: 30px;}

.noticeList li a{padding: 0 12px 0 0;height: 90px;}
.noticeList li a .iMore{display: none;}
.noticeList li .date{margin-right: 10px;width: 66px;}
.noticeList li .text h5{margin-bottom: 5px;}
.pageBox{padding: 20px 0;}

.prodList .item{padding-bottom: 0;}
.prodList .titleWrap{flex-wrap: wrap;}
.prodList .titleWrap .tabs{width: 100%;justify-content: space-between;}
.prodList .titleWrap .tabs li{margin: 0;font-size: 14px;padding: 0;flex: 1;text-align: center;}
.prodList .pList li{width: 49%;}
.prodList .pList li:nth-child(3n){margin-right: 2%;}
.prodList .pList li:nth-child(2n),.prodList .pList li:nth-child(4n){margin-right: 0;}

.contPorduct .item1{padding: 20px 0 30px;}
.contPorduct .item1 .text .title{margin-bottom: 10px;}
.contPorduct .item1 .text .title:before{width: 54px;height: 54px;}
.contPorduct .item1 .text .title span{font-size: 16px;}
.contPorduct .item1 .text .subTitle{margin-bottom: 10px}
.contPorduct .item1 .thumbnail{display: none;}
.contPorduct .item1 .prodScroll .swiper-slide{height: 250px;}
.contPorduct .item2 .train{padding: 18px;}
.contPorduct .item2 .train dl{display: block;}
.contPorduct .item2 .train dt{margin: 10px auto 0;}
.contPorduct .item2 .train dd .title{justify-content: center;}
.contPorduct .item2 .train dd .title .icon{W: 40px;height: 40px;}
.contPorduct .item3 .container .pic{margin-bottom: 10px;}

.jobList{margin-bottom: 30px;}
.jobList .item2,.jobList .item3,.jobList .item4{display: none;}
.jobList .item1{width: 74%;}
.jobList .item5{width: 26%;}
.jobList .hd{font-size: 17px;}
.jobList .hd, .jobList .dt{line-height: 50px;padding-left: 16px;}
.jobList .dd .wrap{padding:16px  16px 30px;}
.jobList .dd .wrap .wap{display: block;}
.jobList .dd .wrap .tit,.jobList .dd .wrap .pc .tit:first-child{margin-top: 10px;}
.jobList .dd .wrap .btn{margin-top: 18px;width: 144px;height: 44px;line-height: 42px;}
.jobList .dd .wrap .point{margin: 30px auto 20px;}
.jobList .dd .wrap .point .mrgRight{margin-right: 20px;}

.contactUs{padding-top: 160px;}
.contactUs:before{height: 240px;}
.contactUs .title{height: 50px;line-height: 50px;font-size: 18px;}
.contactUs .title img{height: 20px;margin-right: 4px;}
.contactUs .title:before{border-width: 6px;bottom: -12px;}
.contactUs .cont{min-height: auto;padding: 12px 0 20px;font-size: 16px;line-height: 28px;}
.contactUs .cont .name{margin-bottom: 4px;}
.contactUs .cont .name span{font-size: 16px;}
.contactUs .cont .name span:before, .contactUs .cont .name span:after{width: 24px;}
.contactUs .cont .name span:before{left: -30px;}
.contactUs .cont .name span:after{right: -30px;}

.compAddress ul {display: block;}
.compAddress ul li{margin: -1px 0 0 0;padding: 20px;}
.compAddress ul li .icon{margin-right: 12px;}
}

@media screen and (max-width: 468px){
.header{line-height: 52px;}
.header .logo{height: 52px;}
.header .logo img{height: 32px;}
.header .searchBtn{width: 24px;height: 24px;}
.header .menuIcon{width: 24px;}
.nyPage{padding-top: 52px;}

.fz45{font-size: 22px;}

.tabStyle{display: flex;justify-content: space-between;line-height: 30px;}	
.tabStyle li{margin-left: 0;float: none;}
.tabStyle li a{font-size: 15px;}
.tabStyle li a:before{width: 20px;background-size: 100% auto;}
.tabStyle li.active a{padding-left: 26px;}

.isect4 .content .leftBox .title{padding-bottom: 10px;}
.isect4 .content .leftBox .title .tabStyle{width: 100%;}
.isect4 .content .leftBox .title .tabStyle:after{display: none;}

.footer .med .text span,.footer .copy span{margin: 0;display: block;}
.nyBanner{height: 220px;}

.mediaList li{background: #FFFAF3;padding: 12px;}
.mediaList li:before{display: none;}
.mediaList li dl{display: block;}
.mediaList li dl dt{margin: 12px auto 0;}
.mediaList li .title{justify-content: center;}
.mediaList li .title h5{flex: inherit;}
.jobList .dd .wrap .point .mrgRight{margin-right: 0;display: block;}
}